
<!--        车辆详情          -->

<!--<apes-content>-->
<div style="display: flex; justify-content: space-between">
  <button apes-button  (click)="onEvent()">查询</button>
  <button apes-button  (click)="loadTwo()">
    <i class="anticon anticon-poweroff"></i> 注销
  </button>
</div>


<apes-card border="false">
  <!-- 查询条件(固定) -->
  <div class="boxShowFlex">
    <div>
      <ul class="box-ul" >
        <li class="box-li" *ngFor="let i of queryList"
            (click)="btnChange(i['KEY'])"
            [(ngModel)]="query"
            [class.box-foc]="i['KEY'] === query">
          <a href="javascript:void(0)">
            {{ i['TITLE'] }}<br/>{{ i['LABLE'] }}
          </a>
        </li>
      </ul>
    </div>
  </div>

  <!-- 显示内容 -->
  <div apes-row apesGutter="24" apesSpan="16">

    <!-- 左侧 数据展示 -->
    <div>
      <ag-grid-angular #grid
                       style="width: 100%;" [ngStyle]="{ height: height }" class="ag-theme-balham"
                       enableColResize="true"
                       enableSorting="true"
                       enableFilter="true"

                       suppressLoadingOverlay="true"

                       [rowData]="rowData"
                       [gridOptions]="gridOptions"
                       [columnDefs]="columnDefs"
                       [pinnedBottomRowData]="pinnedBottomRowData"
                       [rowClassRules]="rowClassRules">
      </ag-grid-angular>
    </div>
  </div>
</apes-card>
<!--</apes-content>-->
